$(function () {
    //切换页面
//点击登录界面链接，登录界面隐藏，注册页面显示
$('.loginBox a').on('click', function () {
    $('.loginBox').hide()
    $('.registerBox').show()
})

$('.registerBox a').on('click', function () {
    $('.registerBox').hide()
    $('.loginBox').show()
})

//定义规则
let layer = layui.layer
let form = layui.form
form.verify({
    username: [
        /^[\S]{6,10}$/
        ,'密码必须6到10位，且不能出现空格'
      ] 
    
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    ,pwd: [
      /^[\S]{6,15}$/
      ,'密码必须6到15位，且不能出现空格'
    ],
    repwd: function (value) {
        let pwd = $('.registerBox input[name=password]').val()
        //两次密码不一致就报错
        if (pwd !== value) {
            return '两次密码输入不一致！'
        }
        
    }
});
  
//注册功能
$('#formReg').on('submit', function (e) {
    e.preventDefault()
    //发送axios--bug
    // axios({
    //     method:'POST',
    //     URL: '/api/reguser',
    //     data:$(this).serialize()
    // }).then(res => {
    //     if (res.data.status !== 0) {
    //        return layer.msg(res.data.message)
    //     }
    //     layer.msg('恭喜您，用户注册成功！')
    //     //切换登录页面，手动触动
    //     $('.registerBox a').click()
    //     $('#formReg')[0].reset()
    // })

    axios({
        method: 'POST',
        url: '/api/reguser',
        data: $(this).serialize()
    }).then(res => {
        //判断返回的数据是否正确
        if (res.data.status !== 0) {
            return layer.msg(res.data.message)
        }
        layer.msg('恭喜您，注册用户成功')
        //切换登录页面,手动触发事件
        $('.registerBox a').click()
        //dom中有一个方法可以重置表单
        $('#formReg')[0].reset()
        
    })
})

// 登录功能

$('#formLogin').on('submit', function (e) {
    e.preventDefault()
    //发送axios
    axios({
        method:'POST',
        url: '/api/login',
        data:$(this).serialize()
    }).then(res => {
        console.log(res);
        if (res.data.status !== 0) {
           return layer.msg(res.data.message)
        }
        layer.msg('恭喜您，登录成功！')
        localStorage.setItem('token',res.data.token)
        location.href='/index.html'
    })
})
   

})